<!DOCTYPE HTML>
<html>

<head>
      <title>

            未匹配货号列表</title>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
      <link href="../../../assets/css/dpl-min.css" rel="stylesheet" type="text/css" />
      <link href="../../../assets/css/bui-min.css" rel="stylesheet" type="text/css" />
      <link href="../../../assets/css/page-min.css" rel="stylesheet" type="text/css" />
      <link href="../../../assets/css/jx-style.css" rel="stylesheet" type="text/css" />
      <link href="../../../assets/css/prettify.css" rel="stylesheet" type="text/css" />
</head>

<body class="dark-theme">
      <div class="container">
            <div class="detail-page  span24">
                  <div class="detail-page-title">
                        <h4>
                              未匹配货号列表
                        </h4>
                  </div>
                  <div class="detail-section">
                        <div class="detail-row">
                              <div>
                                    <div id="grid"></div>
                                    <div></div>
                                    <div></div>
                              </div>
                        </div>
                        <!-- 表格 start-->
                        <!--   <div id="grid"></div> -->
                        <!-- 表格 end-->
                  </div>
            </div>
      </div>
      </div>

      <!-- 初始隐藏 dialog内容    -->
      <div id="content" class="hide">
            <form id="form" class="jx-form form-horizontal jx-form-thin">
                  <div class="row">
                        <div class="control-group span15">
                              <label class="control-label">排序：</label>
                              <div class="controls">
                                    <input type="text" class="control-text" data-rules="{required:true}">
                              </div>
                        </div>
                  </div>
                  <div class="row">
                        <div class="control-group span15">
                              <label class="control-label">标题：</label>
                              <div class="controls">
                                    <input type="text" class="control-text " data-rules="{required:true}">
                              </div>
                        </div>
                  </div>


                  <div class="row">
                        <div class="control-group span15">
                              <label class="control-label">URL：</label>
                              <div class="controls">
                                    <input type="text" class="control-text input-xlarge" data-rules="{required:true}">
                              </div>
                        </div>
                  </div>

                  <div class="row">
                        <div class="control-group span15">
                              <label class="control-label">状态：</label>
                              <div class="controls" style="line-height: 30px;">
                                    <label class="checkbox">  <input name="status" value="1" type="checkbox">启用 </label>
                              </div>
                        </div>
                  </div>

            </form>
      </div>

      <script type="text/javascript" src="../../../assets/js/jquery-1.8.1.min.js"></script>
      <script type="text/javascript" src="../../../assets/js/bui-min.js"></script>
      <script type="text/javascript" src="../../../assets/js/config-min.js"></script>
      <script type="text/javascript" src="../../../assets/js/admin.js"></script>

      <script type="text/javascript">
            BUI.use('common/page');
      </script>
      <!-- script start -->
      <script>
            BUI.use(['bui/grid', 'bui/data', 'bui/form'], function (Grid, Data, Form) {
                  var Grid = Grid,
                        Store = Data.Store,
                        columns = [{
                              title: '排序',
                              dataIndex: 'a',
                              elCls: 'center', //居中
                              width: 100
                        }, {
                              title: '未匹配货号',
                              elCls: 'center',
                              dataIndex: 'b',
                              width: 150
                        }, {
                              title: '  搜索时间 ',
                              elCls: 'center',
                              dataIndex: 'c',
                              width: 200
                        }],
                        data = [{
                              o: '1',
                              a: '1',
                              b: '  800449 ',
                              c: '2017-06-09 15:30',

                        }];

                  var store = new Store({ //初始化数据
                              data: data,
                              pageSize: 2 // 配置分页数目
                        }),
                        editing = new BUI.Grid.Plugins.DialogEditing({
                              contentId: 'content', //设置隐藏的Dialog内容
                              autoSave: true, //添加数据或者修改数据时，自动保存
                              triggerCls: 'btn-edit',
                              editor: {
                                    title: '新增导航',
                                    width: 600,
                              }
                        }),
                        grid = new Grid.Grid({
                              render: '#grid',
                              elCls: 'jx-table-thin',
                              columns: columns,
                              forceFit: true,
                              height: 500,
                              plugins: [editing],
                              bbar: {
                                    // pagingBar:表明包含分页栏
                                    pagingBar: true
                              },
                              store: store
                        });

                  grid.render();


            });
      </script>
      <!-- script end -->

</body>

</html>